﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<List<Gola.VN.Scb.Web.Common.Models.UICategoryModels>>" %>
<%@ Import Namespace="Gola.VN.Scb.Web.Common" %>
<%@ Import Namespace="Gola.VN.Scb.Web.Presentation.Helpers" %>
<div class="left_menu_home">
    <%--<div class="title">
        <div class="fl">
        </div>
        <div class="fc">
            DANH MỤC SẢN PHẨM</div>
        <div class="fr">
        </div>
    </div>--%>
    <ul id="leftmenu">
        <% foreach (var item in Model)
           { %>
        <li>
            <div class="level_0">
                <a href="<%:item.InnerLink %>">
                    <%: item.Name %>
                </a>
            </div>
            <div class="left_menu_drop" style="width: 500px;">
                <%foreach (var subItem in item.Subcategories)
                  {%>
                <div class="root">
                    <a href="<%: subItem.InnerLink %>">
                        <%: subItem.Name%></a>
                </div>
                <div class="sub">
                    <% foreach (var subsubItem in subItem.Subcategories)
                       {
                    %>
                    <a href="<%:subsubItem.InnerLink %>">
                        <%: subsubItem.Name %></a> |
                    <%
                       } %>
                    <a href="<%:subItem.InnerLink%>">Xem tất cả</a>
                </div>
                <div class="break_module_line">
                </div>
                <%
                  }%>
                <div class="clear">
                </div>
                <div class="root">
                    <%-- Display all subcategories---%>
                    <a href="<%:item.InnerLink%>">Xem tất cả</a>
                </div>
            </div>
            <div class="left_menu_drop_sep">
            </div>
        </li>
        <% } %>
    </ul>
    <script type="text/javascript" src="../../Scripts/jquery.js"></script>
    <script type="text/javascript" src="../../Scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="../../Scripts/jMenu.jquery.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#leftmenu").jMenu();
        })
    </script>
</div>
